<template>
  <div class="axiom-empty">
    <div class="axiom-empty__icon">
      <slot name="icon">
        <AxiomIcon name="Inbox" size="48" />
      </slot>
    </div>
    <p v-if="description" class="axiom-empty__description">{{ description }}</p>
    <div v-if="$slots.default" class="axiom-empty__actions">
      <slot></slot>
    </div>
  </div>
</template>

<script>
import AxiomIcon from './AxiomIcon.vue';

export default {
  name: 'AxiomEmpty',
  components: {
    AxiomIcon
  },
  props: {
    description: {
      type: String,
      default: '暂无数据'
    }
  }
}
</script>

<style lang="scss">
@use '../../styles/components/common/axiom-empty';
</style> 